import { ref } from 'vue'

// 创建全局主题状态（固定为浅色模式）
const isDarkMode = ref(false)

// 主题管理类（已禁用夜间模式）
class ThemeManager {
    constructor() {
        this.initTheme()
    }

    // 初始化主题（强制浅色模式）
    initTheme() {
        // 始终设置为浅色模式
        this.setDarkMode(false)
        // 清除之前保存的主题设置
        localStorage.removeItem('theme')
    }

    // 设置暗色模式（已禁用，始终返回浅色模式）
    setDarkMode(dark) {
        // 强制为浅色模式
        isDarkMode.value = false
        localStorage.setItem('theme', 'light')

        // 确保body没有dark-mode类
        document.body.classList.remove('dark-mode')
    }

    // 切换主题（已禁用）
    toggleTheme() {
        // 不做任何操作，保持浅色模式
        this.setDarkMode(false)
    }

    // 获取当前主题状态（始终返回false）
    getTheme() {
        return false
    }
}

// 创建单例实例
const themeManager = new ThemeManager()

// 导出主题状态和管理器
export { isDarkMode, themeManager }